<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>id选择器</title>
	<style>
		/* css部分: #别名 */
		#head{
			width: 200px; 
			height: 200px;
			background: #e4393c;
		}
		span{
			width: 1000px;
			height: 1000px;
			background: #e4393c;
		}
		/* 一个元素只能起一个别名 */
	</style>
	
	</head>

	<body>
		<!-- html部分  div  前标记   id"别名" -->
		<div  id="head">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Earum ea ipsam impedit sed quo. Culpa inventore eius ipsum, alias distinctio et commodi repellat consectetur quam, quos tenetur magnam laudantium dolorum?</div>
	<hr />
	<!-- 行内元素:span -->
	<span>行内元素</span>
	<a href="#">超链接</a>
	<strong>文本内容</strong>
	<sub>下标</sub>
	<s>删除线</s>
	</body>
	
</html>